<template>
    <div>
        <van-swipe :autoplay="3000">
        <van-swipe-item v-for="(image, index) in images" :key="index">
            <img v-lazy="image" />
        </van-swipe-item>
        </van-swipe>
        <div class="main">
            <div class="goods-title" id="name">xixixi</div>
            <div class="goods-price">

                <span class="sale-price guide_price">$124</span>
                <span class="market-price">$241</span>

            </div>

            <div class="sale-count" id="total_num">剩余12</div>
        </div>
        <div class="hd-split"></div>
        <van-cell-group>
            <van-cell title="民政局" icon="wap-home"/>
            <van-cell title="沈河区民政局" icon="location-o" value="导航" is-link/>
            <van-cell title="1381234568" icon="phone-o" value="拨打" is-link/>
            <van-cell title="9:00-17:30" icon="underway-o"  is-link/>
        </van-cell-group>
        <div class="hd-split"></div>
        <div class="main">
            <van-cell-group>
                <van-cell title="商品详情" icon="comment-o" class="sd-title"/>
            </van-cell-group>
            <div class="sd-content">
                <p>
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                </p>
<!--                <img src="../../../assets/upgrade20.jpeg">-->
            </div>
        </div>
        <div class="main">
            <van-cell-group>
                <van-cell title="温馨提示" icon="comment-o" class="sd-title"/>
            </van-cell-group>
            <div class="sd-content" style="margin-bottom:40px;">
                <p>
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                    简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
                </p>
<!--                <img src="../../../assets/upgrade20.jpeg">-->
            </div>
        </div>
        <van-goods-action>
        <van-goods-action-mini-btn
            icon="chat-o"
            text="客服"
            @click="onClickMiniBtn"
        />
        <van-goods-action-mini-btn
            icon="cart-o"
            text="购物车"
            @click="onClickMiniBtn"
        />
        <van-goods-action-big-btn
            text="加入购物车"
            @click="onClickBigBtn"
        />
        <van-goods-action-big-btn
            primary
            text="立即购买"
            @click="onClickBigBtn"
        />
        </van-goods-action>
    </div>

</template>
<script>

export default {
  data () {
    return {
      images: [
        'https://img.yzcdn.cn/public_files/2017/09/05/3bd347e44233a868c99cf0fe560232be.jpg',
        'https://img.yzcdn.cn/public_files/2017/09/05/c0dab461920687911536621b345a0bc9.jpg'
      ],
      active: 0
    }
  }

}

</script>

<style src="./index.css" scoped>
</style>
